@import "src/common/base";
h1,h2,h3,h4,h5,h6,div,ul,body,a,main,section {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}

/**
滚动条样式
 */
.scroll-style {
  &::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  &::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(104,232,104,1);
    background: rgba(50,150,250,1);
  }
}
/**
 弹性盒布局类名
 */
.flex {
  display: flex;
  &-dir {
    flex-direction: row;
    &-c {
      flex-direction: column;
    }
  }
  &-ai {
    &-c {
      align-items: center;
    }
    &-e {
      align-items: flex-end;
    }
    &-s {
      align-items: flex-start;
    }
  }
  &-js {
    &-e {
      justify-content: flex-end;
    }
    &-s {
      justify-content: flex-start;
    }
    &-c {
      justify-content: center;
    }
    &-b {
      justify-content: space-between;
    }
    &-a {
      justify-content: space-around;
    }
    &-ev {
      justify-content: space-evenly;
    }
  }
}
/*背景颜色*/
.bg-color {
  &-wihte {
    background-color: $white-color;
  }
}

/*文本颜色*/
.text {
  &-white {
    color: $white-color;
  }
  &-slider {
    color: $slider-text-color;
  }
}

/*margin值*/
.margin{
  &-right-s {
    margin-right: $mar-right-s;
  }
  &-right-m {
    margin-right: $mar-right-m;
  }
  &-left-s {
    margin-left: $mar-left-s;
  }
  &-left-m {
    margin-left: $mar-left-m;
  }
}

/*鼠标样式*/
.cursor {
  &-pointer {
    cursor: pointer;
  }
}

/*按钮规格*/
.button {
  &-s {
    width: $width-s;
  }
  &-m {
    width: $width-m;
  }
  &-l {
    width: $width-l;
  }
  &-xl {
    width: $width-xl;
  }
}
/*文字规格*/
.font {
  &-s {
    font-size: $font-size-s;
  }
  &-m {
    font-size: $font-size-m;
  }
  &-sm {
    font-size: $font-size-sm;
  }
  &-l {
    font-size: $font-size-l;
  }
}
/*过渡*/
.transition {
  transition: all 0.2s;
}
